<template>
	<view class="">
		<!-- 账号信息  手机号 -->
		<view class="mobile">
			<view class="mobile_title">手机号</view>
			<view class="mobile_r">
				<view class="mobile_phone">{{ phone }}</view>
				<span @tap="toverify(phone)">更换</span>
			</view>
		</view>
		<navigation></navigation>
	</view>
</template>

<script>
import navigation from '@/components/navigation/navigation.vue';
export default {
	components: {
		navigation
	},
	data() {
		return {
			phone: ''
		};
	},
	mounted() {
		this.getUserInfo();
	},
	methods: {
		// 获取用户信息
		getUserInfo() {
			this.ajax('user/userInfo', {
				success: res => {
					 // console.log (res);
					this.phone = res.msg.Phone;
				}
			});
		},
		toverify(key) {
			uni.navigateTo({
				url: '/pageA/settings/verify?phone=' + key
			});
		}
	}
};
</script>

<style lang="less" scoped>
page {
	background-color: #f2f2f2;
}
.mobile {
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	align-items: center;
	padding: 0 30upx;
	height: 100upx;
	.mobile_title {
		font-size: 28upx;
		color: #333333;
	}
	.mobile_r {
		display: flex;
		align-items: center;
		.mobile_phone {
			color: #333333;
			font-size: 28upx;
			margin-right: 50upx;
		}
		span {
			font-size: 28upx;
			color: #9045d5;
		}
	}
}
</style>
